<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no,address=no,email=no"/>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>KAA电商管理后台_人员角色添加</title>
	<script type="text/javascript" src="${path}/js/jquery-2.1.1.min.js"></script>
	<script src="${path}/js/sidebar-menu.js"></script>
	<link href="${path}/css/login.css" rel="stylesheet" media="all">
</head>
<style type="text/css">
	.personrole_tab{
		width:45%;
	}
	.roleadd_tab{
		margin-right:5%;
	}
	.main_con .personrole_tab select{
		width:50%;
		max-width:none;
		font-size: 16px;
		line-height: 35px;
		height:35px;
	}
	.personrole_tab option {
		padding: 5px 2px;
	}

</style>
<body class="main">
	<h1>KAA电商管理后台</h1>
	<jsp:include page="sidebarNav.jsp"></jsp:include><!-- main_sidebar -->

	<div class="main_con_wrap">
		<div class="main_con personrole_add">
			<form name="roleadd_tab" method="post" class="personrole_tab fl roleadd_tab" id="roleadd_tab" enctype="" action="${path}/addRole ">
				<h3>角色添加</h3>
				<p>
					<span class="title fl">角色名称：</span>
					<input type="text" name="roleName" id="roleName" value=""/>
					<span class="clear"></span>
				</p>
				
				<p>
					<span class="title fl">描述：</span>
					<input type="text" name="describe" id="describe" value="" />
					<span class="clear"></span>
				</p>
				<button name="button" class="roleadd_btn btn"  id="roleadd_btn">保存</button>
			</form>
			
			<form name="personadd_tab" method="post" class="personrole_tab fl personadd_tab" id="personadd_tab" enctype="" action="${path}/addPersonnel">
				<h3>人员添加</h3>
				<p>
					<span class="title fl">用户名：</span>
					<input type="text" name="userName" id="userName" value=""/>
					<span class="clear"></span>
				</p>
				
				<p>
					<span class="title fl">昵称：</span>
					<input type="text" name="personnelName" id="personnelName" value=""/>
					<span class="clear"></span>
				</p>
				
				<p>
					<span class="title fl">工号：</span>
					<input type="text" name="jobName" id="jobName" value=""/>
					<span class="clear"></span>
				</p>
				
				<p>
					<span class="title fl">角色：</span>
					<select id="roleselect_add" name="role">
					  <option selected="" value="选择角色">选择角色</option>
						<c:forEach items="${roleList}" var="items">
					  <option value="${items.id}">${items.roleName}</option>
						</c:forEach>
					</select>
					<span class="clear"></span>
				</p>
				<button name="button" class="personadd_btn btn"  id="personadd_btn">保存</button>
			</form>
			<div class="clear"></div>
		</div><!-- main_con -->
	</div><!-- main_con_wrap -->

	<div class="footer_copyright">
		<p>苏州知行合一网络科技有限公司提供技术支持，版权所有</p>
	</div><!-- footer_copyright -->

<script>
	/////////////////////////侧边栏按钮
	$.sidebarMenu($('.sidebar-menu'))
</script>
</body>
</html>